<%-- 
    Document   : workspace
    Created on : Jan 7, 2012, 3:34:51 PM
    Author     : TrieuNX
--%>
<%@include file="prelude.jsp" %>
<script type="text/javascript" >
    $(document).ready(function() {

        $(function() {
            $("#fromDate").datepicker( {
                showOn: 'button',
                buttonImage: '../res/images/calendar.gif',
                buttonImageOnly: true,
                dateFormat: 'yy-mm-dd' //ISO 8601
            });
        });
        $(function() {
            $("#toDate").datepicker( {
                showOn: 'button',
                buttonImage: '../res/images/calendar.gif',
                buttonImageOnly: true,
                dateFormat: 'yy-mm-dd' //ISO 8601
            });
        });
        
    });
</script>
<div id="main">
    <%@include file="tranHisHeader.jsp" %>
    <div id="middle" >
        <%@include file="tranHisMenu.jsp" %>
        <form action="/report/txHistory.htm">
            <div id="center-column">
                <div class="top-bar">

                    <h1>Contents</h1>
                    <div class="breadcrumbs"><a href="#">Transaction History</a></div>
                </div><br />
                <div class="select-bar">                
                    <table>
                        <s:select name="transType" list="transTypeList" listKey="id" listValue="value" label="Trans Type"></s:select>
                        <tr>
                            <td>Trans Id</td>
                            <td><input name="transId"/></td>
                        </tr>
                        <tr>
                            <td>Email</td>
                            <td><input name="email" /></td>
                        </tr>

                        <s:textfield id="fromDate" maxLength="16" name="fromDate" readonly="true" size="16" label="From Date" />

                        <s:textfield id="toDate" maxLength="16" name="toDate" readonly="true" size="16" label="To Date" />

                    </table>

                    <label>
                        <input type="submit" name="Submit" value="Search" />
                    </label>
                </div>
                <div class="table">
                    <img src="../img/bg-th-left.gif" width="8" height="7" alt="" class="left" />
                    <img src="../img/bg-th-right.gif" width="7" height="7" alt="" class="right" />
                    <table class="listing" cellpadding="0" cellspacing="0">
                        <tr>
                            <th>Id</th>
                            <th>Detail</th>
                            <th>Date</th>
                            <th>Type</th>
                            <th>Dest</th>
                            <th>Amount</th>

                            <th class="last">Status</th>
                        </tr>
                        <%--c:if test="${requestScope['admins'] != null}">
                            <c:forEach items="${requestScope['admins']}" var="user">
                                <tr >
                                    <td style="text-align: center">${user.username}</td>
                                    <td style="text-align: center">${user.firstName}&nbsp; ${user.lastName}</td>
                                    <td style="text-align: center">${user.email}</td>
                                    <td style="text-align: center">${user.role}</td>
                                    <td style="text-align: center">${user.active}</td>
                                    <td style="text-align: center">${user.suspended}</td>
                                    <td class="last">
                                        <a href="#" style="text-decoration: underline">Suspend</a>
                                        &nbsp;|&nbsp;
                                        <a href="#" style="text-decoration: underline">DeActive</a>                                        
                                    </td>
                                </tr>
                            </c:forEach>
                        </c:if--%>
                    </table>
                    <div class="select">
                        <strong>Other Pages: </strong>
                        <select name="pageNumber">
                            <option value="1">1</option>
                        </select>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <%@include file="footer.jsp" %>
</div>